<template>
  <div class="app-container" style="padding-top: 5px">
    <el-tabs v-model="activeName">
      <el-tab-pane label="排班计划" name="first">
        <schedule-plan />
      </el-tab-pane>
      <el-tab-pane label="作业班组" name="second">
        <work-team />
      </el-tab-pane>
      <el-tab-pane label="作业区域" name="fourth">
        <fence />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import schedulePlan from "./components/schedulePlan";
import workTeam from "./components/workTeam";
import fence from "@/views/base/fence/index";

export default {
  name: "Detail",
  components: {
    schedulePlan,
    workTeam,
    fence,
  },
  data() {
    return {
      activeName: "first",
    };
  },
  created() {},
  methods: {},
};
</script>
<style lang="scss" >
.plan-table-card {
  height: calc(100vh - 264px);
}
</style>
